<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>男票女票后台管理系统</title>
    <!--让IE用最新模式渲染,获得更好的效果-->
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
    <!--视口，viewport，指的就是手机端可见窗口（去掉导航栏、菜单栏、地址栏之后的窗口）
    再添加视口这段代码之前，设备会按照桌面电脑的分辨率去渲染整个页面，然后再按照比例显示到手机上
    添加强制按照手机的屏幕分辨率渲染页面-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/style.css">

    <script src="__PUBLIC__/admin/js/jquery.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
    <style>

    </style>
</head>
<body>
    <nav class="navbar navbar-fixed-top cus-nav" id='nav'>
        <div class="container">
            <div class="navbar-header">
            <img src="__PUBLIC__/admin/img/logo.png" width="35" class="pull-left logo">
                <a href="#" class="navbar-brand">男票女票后台管理系统</a>
            </div>
            <ul class="nav navbar-nav pull-right">
                <li><a href="#">欢迎：15175293088</a></li>
                <li><a href="#">退出</a></li>
                <li>
                    <a href="#">消息<span class="badge">10</span></a>
                </li>
            </ul>
        </div>
    </nav>
    <ul class="nav nav-pills pull-right">
        <li><a href="#">网站开关</a></li>
        <li><a href="#">修改密码</a></li>
        <li><a href="#">返回首页</a></li>
        <li><a href="#">【预保留】</a></li>
    </ul>
    <div class="row mt-lg" style="margin-right:0">
        <div class="col-lg-2 cus-menu">
            <ul class="nav nav-pills nav-stacked">
                <li>
                    <a href="#menu-left" data-toggle="collapse">
                        <span class="glyphicon glyphicon-collapse-down"></span>订单管理
                    </a>
                    <ul class="nav nav-pills nav-stacked collapse in" id="menu-left">
                        <li>
                            <a href="#"><span class="glyphicon glyphicon-list"></span>订单列表</a>
                        </li>
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-plus"></span>增加订单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#menu-left2" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                    <ul class="nav nav-pills nav-stacked collapse in" id="menu-left2">
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-list"></span>订单列表</a>
                        </li>
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-plus"></span>增加订单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#menu-left3" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                    <ul class="nav nav-pills nav-stacked collapse in" id="menu-left3">
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-list"></span>订单列表</a>
                        </li>
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-plus"></span>增加订单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#menu-left4" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                    <ul class="nav nav-pills nav-stacked collapse in" id="menu-left4">
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-list"></span>订单列表</a>
                        </li>
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-plus"></span>增加订单</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#menu-left5" data-toggle="collapse"><span class="glyphicon glyphicon-collapse-down"></span>订单管理</a>
                    <ul class="nav nav-pills nav-stacked collapse in" id="menu-left5">
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-list"></span>订单列表</a>
                        </li>
                        <li>

                            <a href="#"><span class="glyphicon glyphicon-plus"></span>增加订单</a>
                        </li>
                    </ul>
                </li>                                                
            </ul>
        </div>
        <div class="col-lg-10 cus-content">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <form role="form" class="form-inline">                  
                        <div class="input-group">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="button">搜 索</button>
                        </span>
                        </div><!-- /input-group -->
                    </form>
                </div>
                <table class="table table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th>订单号</th>
                            <th>产品名称</th>
                            <th>客户名称</th>
                            <th>性别</th>
                            <th>电话</th>
                            <th>地址</th>
                            <th>车牌号码</th>
                            <th>车型</th>
                            <th>车身颜色</th>
                            <th>预约时间</th>
                            <th>下单时间</th>
                            <th>订单状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td>L010010283166113</td>
                            <td>上门辅导写代码</td>
                            <td>李先生</td>
                            <td>男</td>
                            <td>15210987654</td>
                            <td>唐家岭路1号院</td>
                            <td>京A02009</td>
                            <td>奔驰355</td>
                            <td>白色</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td style="width: 90px;">2015-02-02 21:20:04</td>
                            <td>
                                <a style="text-decoration: none;color:#FF8000">未分配</a>
                            </td>
                            <td>
                                【<a href="#">分配</a>】
                                【<a href="#">修改</a>】
                            </td>
                        </tr>
                        <tr>
                            <td colspan="13">
                                <ul class="pagination">
                                    <li><a href="#">上一页</a></li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">下一页</a></li>
                                </ul>

                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>